Bootstrap 子要素のクラスは、親要素のクラスに上書きされがち

例えば以下のような状況、子要素のテキストは中央寄せになる

code: example.html

<div class="text-center">

<h2 class="text-right">aaaaaaaaaa</h2>

</div>

全てのクラスが上記のようになるのかは不明だが、少なくともテキストの寄せに関してはこうなる。